.Search
    margin-top: 180px
    display: grid
    grid-template-columns: 10fr 1fr
    justify-items: center
    align-items: center
    padding: 0 40px
    box-sizing: border-box
    @media screen and (max-width: 768px)
        margin-top: 254px
        grid-template-columns: 8fr 2fr
    .searchEnter
        width: 7%
        display: flex
        align-items: center
        justify-content: flex-end
    ul
        width: 100%
    form
        width: 100%
        @media screen and (max-width: 768px)

    input
        width: 100%
        background-color: rgba(255, 255, 255, 0.04)
        padding: 10px 20px
        box-sizing: border-box
        border-radius: 12px
        border: none
        color: #e6e6e6
        height: 60px
        font-size: x-large
        &:focus-visible
            // border-bottom: 2px solid var(--lightblue)
            outline: none
            color: #e6e6e6
    .ListResult
        padding: 40px
        list-style: none
        color: white
        grid-row: 2
        